<template>
     <div id="box">
          <header>
               <ul>
               <a>
                 <li @click="fanhui"><img src="../assets/img/fanhui.png"></li>
               </a>
               <a>
                 <li>修改收件人信息</li>
               </a>
                 <router-link to="tianjiafahuoren">
                 <li>添加</li>
               </router-link>
               </ul>
          </header>
          <section>
              <ul>
                <li v-for="list in lists">{{list.text}}</li>
              </ul>
          </section>
        <footer>
              <ul>
              <router-link to="/shouye">
              <li><img src="../assets/img/foot_1.png"><p>首页</p></li>
            </router-link>
            <router-link to="/fujin">
                <li><img src="../assets/img/foot_2.png"><p>附近</p></li>
              </router-link>
               <router-link to="/yiweiyuanshenqing">
                <li><img src="../assets/img/foot_3.png"></li>
              </router-link>
                <router-link to="/wodedingdan">
                <li><img src="../assets/img/foot_4.png"><p>订单</p></li>
              </router-link>
              <router-link to="/gerenzhongxin"> 
                <li><img src="../assets/img/foot_5.png"><p>我的</p></li>
              </router-link>
              </ul>
          </footer>
     </div>
</template>

<script>
export default {
  name: 'box',
  data () {
    return{
      lists:[
       {text:"发件人"},
       {text:"收件人"}
      ]
        
        
    }
  },
  methods:{
  fanhui(){
  this.$router.go(-1)
  }
  }
}
$(function(){
  
  $("ul li").click(function(){
    var index=$(this).index();
    $(this).addClass("active").siblings().removeClass('active');
     
  })
})
</script>

<!-- Add "scoped" attribute to limit CSS to this component only -->
<style scoped lang="less">
   @import ".././assets/less/xiugaixiujianrenxinxi.less";
   @import ".././assets/css/reset.css";
</style>